import React from 'react';
import Header from './pages/Header';
import Main from './pages/Main';
import Section from './pages/Section';
import Hooks from './pages/Hooks';
import Parent from './components/Parent';
// 组件: 对页面视图的封装(属性(props)、状态(state))
function App() {
  const title = 'React';
  return (
    <div className="App">
      <Parent />
      {/* hooks */}
      <Hooks />
      {/* 组件封装 */}
      <Header />
      {/* props和基础语法 */}
      <Main title='新闻列表' data={['11','222']} />
      <Main title='人员列表' />
      {/* 状态及生命周期和事件处理 */}
      {/* <Section /> */}
      
      {/* <h1 id={title}>hello {title} javascript</h1> */}
    </div>
  );
}

export default App;
